<template>
  <header>
    <div class="logo">大数据分析平台</div>
    <el-menu
      :default-active="1"
      class="el-menu-demo"
      mode="horizontal"
      background-color="#2b2b2b"
      text-color="#eee"
      active-text-color="yellow"
      @select="handleSelect"
      router
    >
      <el-menu-item index="/">大屏数据</el-menu-item>
      <el-submenu index="2">
        <template slot="title">市级管理员</template>
        <el-menu-item index="2-1">选项1</el-menu-item>
        <el-menu-item index="2-2">选项2</el-menu-item>
        <el-menu-item index="2-3">选项3</el-menu-item>
      </el-submenu>
    </el-menu>
  </header>
</template>

<script>
export default {};
</script>

<style scoped>
header {
  display: flex;
  background: #2b2b2b;
  align-items: center;
  justify-content: space-between;
}

header .logo{
    color: #fff;
    font-size: 20px;
    text-indent: 10px
}
</style>